<html>
    <head>
        <title>诗词</title>
        <link rel="stylesheet" type="text/css" href="Css/beijing1.css">
        <script type="text/javascript">
            function fun1(obj)
            {     
               var f1=document.getElementById(obj);
               f1.style.display="block";
            }
            function fun2(obj)
            {      
               var f1=document.getElementById(obj);
               f1.style.display="none";
            }
            function fun3(obj){
                if((window.pageYOffset)>40){
                    var f2=document.getElementById(obj);
                    f2.style.display="block";
                }
                else{
                    var f2=document.getElementById(obj);
                    f2.style.display="none";
                }                                
            }
            function getTime(){
                var t=new Date;
                var y=t.getFullYear();
                var m=t.getMonth()+1;
                var d=t.getDate();
                var h=t.getHours();
                var min=t.getMinutes();
                var s=t.getSeconds();
                var time=y+"年"+m+"月"+d+"日"+","+h+":"+min+":"+s;
                document.getElementById("btm").innerHTML=time;
                setTimeout('getTime()',1000);
            }
            </script>
    </head>
    <body onscroll="fun3('f2')" onload="getTime()">
        <video  autoplay="autoplay" loop="loop" muted="muted" style="width: 100%;"><source src="video/v6.mp4" type="video/mp4"></video>
        <div class="title">                             <!--标题栏-->                     
            <ul>             
                <li style="border-radius: 0; width: 40px"><a href="index.html"><img src="Img/touxiang1.png" width="40px" height="40px"></a></li>
                <li>个人博客</li>
                <li style="margin-left: 15%"><a href="index.html" target="_blank">首页</a></li>
                <li><a href="shici.html" target="_blank">诗词</a></li>
                <li><a href="wenzhang.html" target="_blank">文章</a></li>
                <li onmouseover="fun1('f1')" onmouseout="fun2('f1')"><a href="#">关于我</a>
                    <ul id="f1">
                        <li><a href="dengluye.html" target="_blank">留言联系</a></li>
                        <li><a href="zuozhe.html" target="_blank">关于作者</a></li>
                        <li><a href="banquan.html" target="_blank">版权声明</a></li>
                    </ul>
                </li>
            </ul>
            <div class="search">
                <input name="search" type="text" placeholder="搜索">
                <input name="submit" type="image" src="Img/sousuo.png" style="left:140px;">
            </div>
        </div>
        </div>
    <div style="width: 52.7%; margin-left: 20%; border: 5px black solid;">
        <img src="Img/back1.jpg" style="width: 52.18%; height: 100%; position: fixed; top: 0;">
        <div class="body" style="height: 1010px; margin-top: 50px;">                            <!--内容-->
            <a href="lantingjixu.html" style="text-decoration: none;"><div class="bodyContent">
                <img src="Img/lantingjixu1.jpg" class="bodyContentImg">
                <p class="bodyContentTime">May,14,2021</p>
                <p class="bodyContentTitle">兰亭集序</p>
                <p class="bodyContentText">永和九年，岁在癸丑，暮春之初，会于会稽山阴之兰亭，修禊事也。群贤毕至，少长咸集。此地有崇山峻岭，茂林修竹，又有清流激湍，映带左右，引以为流觞曲水，列坐其次。虽无丝竹管弦之盛，一觞一咏，亦足以畅叙幽情......</p>
            </div></a>
            <a href="tengwangexu.html" style="text-decoration: none;"><div class="bodyContent">
                <img src="Img/tengwanggexu1.jpg" class="bodyContentImg">
                <p class="bodyContentTime">May,15,2021</p>
                <p class="bodyContentTitle">滕王阁序</p>
                <p class="bodyContentText">豫章故郡，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美......</p>
            </div></a>
            <a href="yueyanglouji.html" style="text-decoration: none;"><div class="bodyContent">
                <img src="Img/lantingjixu1.jpg" class="bodyContentImg">
                <p class="bodyContentTime">May,18,2021</p>
                <p class="bodyContentTitle">岳阳楼记</p>
                <p class="bodyContentText">庆历四年春，滕子京谪守巴陵郡。越明年，政通人和，百废具兴，乃重修岳阳楼，增其旧制，刻唐贤今人诗赋于其上，属予作文以记之......</p>
            </div></a>
        </div>
        <div style="height: 50px;">                     <!--底部间隔-->

        </div>
    </div>
        <div class="bottom" id="btm">                        <!--底部-->
            时间
        </div>
        <div class="tool" id="f2">                 <!--工具栏-->
            <a href="#top"><div class="toolBox"><img src="Img/zhiding.jpg" class="toolImg"></div></a>
            <a href="index.html"><div class="toolBox"><img src="Img/shouye.jpg" class="toolImg"></div></a>
            <a href="dengluye.html"><div class="toolBox"><img src="Img/youjian.jpg" class="toolImg"></div></a>
        </div>
        <script>
            var i=0;
            var tabLis=document.getElementsByClassName("tabLi");
            tabLis[i].style.display='block';
            function tabNext(){
                tabLis[i].style.display='none';
                i++;
                if(i>=3){
                    i=0;
                }
                tabLis[i].style.display='block';
            }
            function tabLast(){
                tabLis[i].style.display='none';
                i--;
                if(i<0){
                    i=2;
                }
                tabLis[i].style.display='block';
            }
            function lunbo(){
                tabNext();
                var t=setTimeout('lunbo()',2000);
            }
            lunbo();
        </script>
    </body>
</html>